<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<script src="${ctx}/resources/plugin/ratyli/jquery.ratyli.js"></script>
<script type="text/javascript">
        $(function(){
            $("#userCollection_list tr:gt(0)").click(function(){
 	    	   if($(this).find(":radio").attr("checked")=="checked"){
 	    		     $(this).find(":radio").attr("checked",false);
 		    	   }else{
 		             $(this).find(":radio").attr("checked",true);
 		    	   }
            });
        });
    </script>
<!-- 顶部模块[如：功能按钮、搜索面板] -->
<div class="bjui-pageHeader" style="background: #FFF;">
	<form id="pagerForm" data-toggle="ajaxsearch"
		action="${ctx}/bus/userCollectionAction/doList" method="post">
		<input type="hidden" name="pageSize" value="${pageResult.pageSize}">
		<input type="hidden" name="pageCurrent" value="${pageResult.pageCurrent}"> 
		<input type="hidden" name="orderField" value="${pageResult.orderField}">
		<input type="hidden" name="orderDirection" value="${pageResult.orderDirection}">
		<hr style="margin-top: 5px; margin-bottom: 5px">
		<div style="margin-bottom: 5px">
			<label>客户名称：
				<input  type="text" value="${pageResult.ext.customerName }" name="customerName" placeholder="请输入客戶名称" style="width: 140px;"  />
			</label> 
			<label>商品名称：
				<input  type="text" value="${pageResult.ext.goodName }" name="goodName" placeholder="请输入商品名称" style="width: 140px;"  />
			</label>
			<label>商品编号：
				<input  type="text" value="${pageResult.ext.goodsNumber }" name="goodsNumber" placeholder="请输入商品名称" style="width: 140px;"  />
			</label>  
			<button class="btn-default" data-icon="search">查询</button>
		</div>
	</form>
</div>
<!-- 内容区 -->
<div class="bjui-pageContent tableContent" id="userCollection_list">
	<table id="doc-datagrid-table" 
		class="table table-bordered table-hover table-striped table-top">
		<thead>
			<tr class="m_th_row">
				<th>选择</th>
				<th>客户名称</th>
				<th>商品编号</th>
				<th>商品名称</th>
				<th>商户名称</th>
				<th>起飞机场</th>
				<th>到达机场</th>


			</tr>
		</thead>
		<tbody>
			<c:forEach items="${pageResult.list}" var="u">
				<tr data-id="${u.id}" class="m_th_row">
					<td><input name="userCollection_list" type="radio"  /></td>
					<td>${u.customerName} </td>
					<td>${u.goodsNumber} </td>
					<td>${u.startCityName}-${u.endCityName}</td>
					<td>${u.merchantName} </td>
					<td>${u.startAirportName} </td>
					<td>${u.endAirportName} </td>
				</tr>
			</c:forEach>

		</tbody>
	</table>
</div>
<!-- 底部模块[如：工具条、分页组件]  -->
<div class="bjui-pageFooter">
	<div class="pages">
		<span>每页 </span>
		<div class="selectPagesize">
			<select data-toggle="selectpicker"
				data-toggle-change="changepagesize">
				<option value="10">10</option>
				<option value="30">30</option>
				<option value="60">60</option>
				<option value="100">100</option>
			</select>
		</div>
		<span> 条，共 ${pageResult.total} 条</span>
	</div>
	<div class="pagination-box" data-toggle="pagination"
		data-total="${pageResult.total}"
		data-page-size="${pageResult.pageSize}"
		data-page-current="${pageResult.pageCurrent}"></div>
</div>

